<template lang="html">
  <article id="views-no_order">
    <div class="no_order-content">
      <div>
        <p>您当前未有预约课程</p>
        <router-link tag="button" to="/">立即预约</router-link>
      </div>
    </div>
  </article>
</template>

<script>
export default {
}
</script>

<style lang="scss" scoped>
@import "../css/config";
#views-no_order{
  width: 100%;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: $common-bg;
  .no_order-content{
    background: #000;
    width: 100%;
    height: 431px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    div{
      text-align:center;
      p{
        color: #fff;
        font-size: 25px;
        line-height: 33.33px;
      }
      button{
        color: #FFFFFF;
        background: $common-red;
        height: 81px;
        width: 307px;
        font-size: 36px;
        line-height: 81px;
        border-radius: 15px;
        margin-top: 40px;
        &:active{
          color: $active-font;
          background-color: $active-bg;
        }
      }
    }
  }
}
</style>
